<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>极果-发现酷玩</title>
    <script src="../js/jquery.min.js"></script>
    <script src="../js/play.js"></script>
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/play.css">

</head>

<body>
    <!-- 顶部导航开始 -->
    <header class="clearfix">
        <div class="w">
            <div class="logo"><img src="../img/logonew.png" alt=""></div>
            <nav>
                <ul>
                    <li><a href="../index.html">首页</a></li>
                    <li><a href="#">酷玩</a></li>
                    <li><a href="../guid/guid.html">导购</a></li>
                    <li><a href="../use/use.html">试用</a></li>
                    <li><a href="#">报告</a></li>
                </ul>
            </nav>
            <div class="login"><a href="#">注册</a></div>
            <div class="search"><a href="#"></a></div>
        </div>
    </header>
    <!-- 顶部导航结束 -->
    <!-- 发现酷玩开始 -->
    <div class="handpick">
        <div class="handpick-title w clearfix">
            <h2>发现酷玩</h2>
        </div>
        <div class="list-nav w">
            <a href="#" class="active">最新</a>
            <a href="#">最热</a>
            <a href="#">品类</a>
        </div>
        <!-- 最新 -->
        <div class="table">
            <div class="handpick-list show">
                <ul class="w clearfix">
                    <li>
                        <img src="../img/k4.jpg" alt="">
                        <h3>SCiO 微型光谱仪</h3>
                        <h4 style="padding: 0 10px;color: #999;">可以测定食物成分及营养</h4>
                        <p><span style="color: red; font-size: 14px;">￥1212</span><span>3</span><span>3</span></p>
                    </li>
                    <li>
                        <img src="../img/k2.jpg" alt="">
                        <h3>XPLORER 2 航拍飞行器</h3>
                        <h4 style="padding: 0 10px;color: #999;">搭载自动避障系统</h4>
                        <p><span style="color: red; font-size: 14px;">￥1212</span><span>3</span><span>3</span></p>
                    </li>
                    <li>
                        <img src="../img/k3.jpg" alt="">
                        <h3>B&O BeoSound 35 音响</h3>
                        <h4 style="padding: 0 10px;color: #999;">支持所有音乐流媒体服务</h4>
                        <p><span style="color: red; font-size: 14px;">￥1212</span><span>3</span><span>3</span></p>
                    </li>
                    <li>
                        <img src="../img/k4.jpg" alt="">
                        <h3>Mozbii 触控吸色笔</h3>
                        <h4 style="padding: 0 10px;color: #999;">能吸取65000种颜色</h4>
                        <p><span style="color: red; font-size: 14px;">￥1212</span><span>3</span><span>3</span></p>
                    </li>
                </ul>
                <ul class="w clearfix">
                    <li>
                        <img src="../img/k4.jpg" alt="">
                        <h3>SCiO 微型光谱仪</h3>
                        <h4 style="padding: 0 10px;color: #999;">可以测定食物成分及营养</h4>
                        <p><span style="color: red; font-size: 14px;">￥1212</span><span>3</span><span>3</span></p>
                    </li>
                    <li>
                        <img src="../img/k2.jpg" alt="">
                        <h3>XPLORER 2 航拍飞行器</h3>
                        <h4 style="padding: 0 10px;color: #999;">搭载自动避障系统</h4>
                        <p><span style="color: red; font-size: 14px;">￥1212</span><span>3</span><span>3</span></p>
                    </li>
                    <li>
                        <img src="../img/k3.jpg" alt="">
                        <h3>B&O BeoSound 35 音响</h3>
                        <h4 style="padding: 0 10px;color: #999;">支持所有音乐流媒体服务</h4>
                        <p><span style="color: red; font-size: 14px;">￥1212</span><span>3</span><span>3</span></p>
                    </li>
                    <li>
                        <img src="../img/k4.jpg" alt="">
                        <h3>Mozbii 触控吸色笔</h3>
                        <h4 style="padding: 0 10px;color: #999;">能吸取65000种颜色</h4>
                        <p><span style="color: red; font-size: 14px;">￥1212</span><span>3</span><span>3</span></p>
                    </li>
                </ul>
                <ul class="w clearfix">
                    <li>
                        <img src="../img/k4.jpg" alt="">
                        <h3>SCiO 微型光谱仪</h3>
                        <h4 style="padding: 0 10px;color: #999;">可以测定食物成分及营养</h4>
                        <p><span style="color: red; font-size: 14px;">￥1212</span><span>3</span><span>3</span></p>
                    </li>
                    <li>
                        <img src="../img/k2.jpg" alt="">
                        <h3>XPLORER 2 航拍飞行器</h3>
                        <h4 style="padding: 0 10px;color: #999;">搭载自动避障系统</h4>
                        <p><span style="color: red; font-size: 14px;">￥1212</span><span>3</span><span>3</span></p>
                    </li>
                    <li>
                        <img src="../img/k3.jpg" alt="">
                        <h3>B&O BeoSound 35 音响</h3>
                        <h4 style="padding: 0 10px;color: #999;">支持所有音乐流媒体服务</h4>
                        <p><span style="color: red; font-size: 14px;">￥1212</span><span>3</span><span>3</span></p>
                    </li>
                    <li>
                        <img src="../img/k4.jpg" alt="">
                        <h3>Mozbii 触控吸色笔</h3>
                        <h4 style="padding: 0 10px;color: #999;">能吸取65000种颜色</h4>
                        <p><span style="color: red; font-size: 14px;">￥1212</span><span>3</span><span>3</span></p>
                    </li>
                </ul>
                <ul class="w clearfix">
                    <li>
                        <img src="../img/k4.jpg" alt="">
                        <h3>SCiO 微型光谱仪</h3>
                        <h4 style="padding: 0 10px;color: #999;">可以测定食物成分及营养</h4>
                        <p><span style="color: red; font-size: 14px;">￥1212</span><span>3</span><span>3</span></p>
                    </li>
                    <li>
                        <img src="../img/k2.jpg" alt="">
                        <h3>XPLORER 2 航拍飞行器</h3>
                        <h4 style="padding: 0 10px;color: #999;">搭载自动避障系统</h4>
                        <p><span style="color: red; font-size: 14px;">￥1212</span><span>3</span><span>3</span></p>
                    </li>
                    <li>
                        <img src="../img/k3.jpg" alt="">
                        <h3>B&O BeoSound 35 音响</h3>
                        <h4 style="padding: 0 10px;color: #999;">支持所有音乐流媒体服务</h4>
                        <p><span style="color: red; font-size: 14px;">￥1212</span><span>3</span><span>3</span></p>
                    </li>
                    <li>
                        <img src="../img/k4.jpg" alt="">
                        <h3>Mozbii 触控吸色笔</h3>
                        <h4 style="padding: 0 10px;color: #999;">能吸取65000种颜色</h4>
                        <p><span style="color: red; font-size: 14px;">￥1212</span><span>3</span><span>3</span></p>
                    </li>
                </ul>
            </div>
            <!-- 最热 -->
            <div class="handpick-list">
                <ul class="w clearfix">
                    <li>
                        <img src="../img/k3.jpg" alt="">
                        <h3>SCiO 微型光谱仪</h3>
                        <h4 style="padding: 0 10px;color: #999;">可以测定食物成分及营养</h4>
                        <p><span style="color: red; font-size: 14px;">￥1212</span><span>3</span><span>3</span></p>
                    </li>
                    <li>
                        <img src="../img/k4.jpg" alt="">
                        <h3>XPLORER 2 航拍飞行器</h3>
                        <h4 style="padding: 0 10px;color: #999;">搭载自动避障系统</h4>
                        <p><span style="color: red; font-size: 14px;">￥1212</span><span>3</span><span>3</span></p>
                    </li>
                    <li>
                        <img src="../img/k2.jpg" alt="">
                        <h3>B&O BeoSound 35 音响</h3>
                        <h4 style="padding: 0 10px;color: #999;">支持所有音乐流媒体服务</h4>
                        <p><span style="color: red; font-size: 14px;">￥1212</span><span>3</span><span>3</span></p>
                    </li>
                    <li>
                        <img src="../img/k3.jpg" alt="">
                        <h3>Mozbii 触控吸色笔</h3>
                        <h4 style="padding: 0 10px;color: #999;">能吸取65000种颜色</h4>
                        <p><span style="color: red; font-size: 14px;">￥1212</span><span>3</span><span>3</span></p>
                    </li>
                </ul>
                <ul class="w clearfix">
                    <li>
                        <img src="../img/k3.jpg" alt="">
                        <h3>SCiO 微型光谱仪</h3>
                        <h4 style="padding: 0 10px;color: #999;">可以测定食物成分及营养</h4>
                        <p><span style="color: red; font-size: 14px;">￥1212</span><span>3</span><span>3</span></p>
                    </li>
                    <li>
                        <img src="../img/k4.jpg" alt="">
                        <h3>XPLORER 2 航拍飞行器</h3>
                        <h4 style="padding: 0 10px;color: #999;">搭载自动避障系统</h4>
                        <p><span style="color: red; font-size: 14px;">￥1212</span><span>3</span><span>3</span></p>
                    </li>
                    <li>
                        <img src="../img/k2.jpg" alt="">
                        <h3>B&O BeoSound 35 音响</h3>
                        <h4 style="padding: 0 10px;color: #999;">支持所有音乐流媒体服务</h4>
                        <p><span style="color: red; font-size: 14px;">￥1212</span><span>3</span><span>3</span></p>
                    </li>
                    <li>
                        <img src="../img/k3.jpg" alt="">
                        <h3>Mozbii 触控吸色笔</h3>
                        <h4 style="padding: 0 10px;color: #999;">能吸取65000种颜色</h4>
                        <p><span style="color: red; font-size: 14px;">￥1212</span><span>3</span><span>3</span></p>
                    </li>
                </ul>

                <ul class="w clearfix">
                    <li>
                        <img src="../img/k3.jpg" alt="">
                        <h3>SCiO 微型光谱仪</h3>
                        <h4 style="padding: 0 10px;color: #999;">可以测定食物成分及营养</h4>
                        <p><span style="color: red; font-size: 14px;">￥1212</span><span>3</span><span>3</span></p>
                    </li>
                    <li>
                        <img src="../img/k4.jpg" alt="">
                        <h3>XPLORER 2 航拍飞行器</h3>
                        <h4 style="padding: 0 10px;color: #999;">搭载自动避障系统</h4>
                        <p><span style="color: red; font-size: 14px;">￥1212</span><span>3</span><span>3</span></p>
                    </li>
                    <li>
                        <img src="../img/k2.jpg" alt="">
                        <h3>B&O BeoSound 35 音响</h3>
                        <h4 style="padding: 0 10px;color: #999;">支持所有音乐流媒体服务</h4>
                        <p><span style="color: red; font-size: 14px;">￥1212</span><span>3</span><span>3</span></p>
                    </li>
                    <li>
                        <img src="../img/k3.jpg" alt="">
                        <h3>Mozbii 触控吸色笔</h3>
                        <h4 style="padding: 0 10px;color: #999;">能吸取65000种颜色</h4>
                        <p><span style="color: red; font-size: 14px;">￥1212</span><span>3</span><span>3</span></p>
                    </li>
                </ul>
            </div>
            <div class="pinlei">
                <div class="pinlei-list w">
                    <div class="pinlei-list-title">
                        <h2>生活</h2>
                    </div>
                    <div class="pinlei-list-nav">
                        <ul class="clearfix">
                            <li>
                                <a href="#">
                                    <img src="../img/cat_1.png" alt="">
                                    <span>空气净化器（21）</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../img/cat_2.png" alt="">
                                    <span>空气净化器（21）</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../img/cat_3.png" alt="">
                                    <span>空气净化器（21）</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../img/cat_4.png" alt="">
                                    <span>空气净化器（21）</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../img/cat_5.png" alt="">
                                    <span>空气净化器（21）</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../img/cat_6.png" alt="">
                                    <span>空气净化器（21）</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../img/cat_7.png" alt="">
                                    <span>空气净化器（21）</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../img/cat_8.png" alt="">
                                    <span>空气净化器（21）</span>
                                </a>
                            </li>
                        </ul>

                    </div>
                    <div class="pinlei-list-txt">
                        <ul class="clearfix">
                            <li><a href="#">电视（21）</a></li>
                            <li><a href="#">电视（21）</a></li>
                            <li><a href="#">电视（21）</a></li>
                            <li><a href="#">电视（21）</a></li>
                            <li><a href="#">电视（21）</a></li>
                            <li><a href="#">电视（21）</a></li>
                            <li><a href="#">电视（21）</a></li>
                            <li><a href="#">电视（21）</a></li>
                            <li><a href="#">电视（21）</a></li>
                            <li><a href="#">电视（21）</a></li>
                            <li><a href="#">电视（21）</a></li>
                            <li><a href="#">电视（21）</a></li>
                            <li><a href="#">电视（21）</a></li>
                            <li><a href="#">电视（21）</a></li>
                            <li><a href="#">电视（21）</a></li>
                            <li><a href="#">电视（21）</a></li>
                            <li><a href="#">电视（21）</a></li>
                            <li><a href="#">电视（21）</a></li>
                            <li><a href="#">电视（21）</a></li>

                        </ul>
                    </div>
                </div>
                <div class="pinlei-list w">
                    <div class="pinlei-list-title">
                        <h2>个人护理</h2>
                    </div>
                    <div class="pinlei-list-nav">
                        <ul class="clearfix">
                            <li>
                                <a href="#">
                                    <img src="../img/cat_1.png" alt="">
                                    <span>电动牙刷（21）</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../img/cat_2.png" alt="">
                                    <span>剃须刀（21）</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../img/cat_3.png" alt="">
                                    <span>按摩器（21）</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../img/cat_4.png" alt="">
                                    <span>剃须刀（21）</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../img/cat_5.png" alt="">
                                    <span>电动牙刷（21）</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../img/cat_6.png" alt="">
                                    <span>按摩器（21）</span>
                                </a>
                            </li>
                          
                        </ul>

                    </div>
                    <div class="pinlei-list-txt">
                        <ul class="clearfix">
                            <li><a href="#">冲牙器（21）</a></li>
                            <li><a href="#">洁面仪（21）</a></li>
                            <li><a href="#">蒸面器（21）</a></li>
                            <li><a href="#">加湿器（21）</a></li>

                        </ul>
                    </div>
                </div>
                <div class="pinlei-list w">
                    <div class="pinlei-list-title">
                        <h2>出行</h2>
                    </div>
                    <div class="pinlei-list-nav">
                        <ul class="clearfix">
                            <li>
                                <a href="#">
                                    <img src="../img/cat_1.png" alt="">
                                    <span>空气净化器（21）</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../img/cat_2.png" alt="">
                                    <span>空气净化器（21）</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../img/cat_3.png" alt="">
                                    <span>空气净化器（21）</span>
                                </a>
                            </li>
                           
                        </ul>

                    </div>
                    <div class="pinlei-list-txt">
                        <ul class="clearfix">
                            <li><a href="#">电视（21）</a></li>
                            <li><a href="#">电视（21）</a></li>
                            <li><a href="#">电视（21）</a></li>


                        </ul>
                    </div>
                </div>
                <div class="pinlei-list w">
                    <div class="pinlei-list-title">
                        <h2>户外运动</h2>
                    </div>
                    <div class="pinlei-list-nav">
                        <ul class="clearfix">
                            <li>
                                <a href="#">
                                    <img src="../img/cat_1.png" alt="">
                                    <span>空气净化器（21）</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../img/cat_2.png" alt="">
                                    <span>空气净化器（21）</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../img/cat_3.png" alt="">
                                    <span>空气净化器（21）</span>
                                </a>
                            </li>
                    
                        </ul>

                    </div>
                    <div class="pinlei-list-txt">
                        <ul class="clearfix">
                            <li><a href="#">电视（21）</a></li>
                            <li><a href="#">电视（21）</a></li>
                            <li><a href="#">电视（21）</a></li>

                        </ul>
                    </div>
                </div>
                <div class="pinlei-list w">
                    <div class="pinlei-list-title">
                        <h2>摄影</h2>
                    </div>
                    <div class="pinlei-list-nav">
                        <ul class="clearfix">
                            <li>
                                <a href="#">
                                    <img src="../img/cat_1.png" alt="">
                                    <span>空气净化器（21）</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../img/cat_2.png" alt="">
                                    <span>空气净化器（21）</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../img/cat_3.png" alt="">
                                    <span>空气净化器（21）</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../img/cat_4.png" alt="">
                                    <span>空气净化器（21）</span>
                                </a>
                            </li>
             
                        </ul>

                    </div>
                    <div class="pinlei-list-txt">
                        <ul class="clearfix">
                            <li><a href="#">电视（21）</a></li>
                            <li><a href="#">电视（21）</a></li>
                            <li><a href="#">电视（21）</a></li>
                            <li><a href="#">电视（21）</a></li>
                            <li><a href="#">电视（21）</a></li>
     

                        </ul>
                    </div>
                </div>
                <div class="pinlei-list w">
                    <div class="pinlei-list-title">
                        <h2>手机</h2>
                    </div>
                    <div class="pinlei-list-nav">
                        <ul class="clearfix">
                            <li>
                                <a href="#">
                                    <img src="../img/cat_1.png" alt="">
                                    <span>空气净化器（21）</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../img/cat_2.png" alt="">
                                    <span>空气净化器（21）</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../img/cat_3.png" alt="">
                                    <span>空气净化器（21）</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../img/cat_4.png" alt="">
                                    <span>空气净化器（21）</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../img/cat_5.png" alt="">
                                    <span>空气净化器（21）</span>
                                </a>
                            </li>
                   
                        </ul>

                    </div>
                    <div class="pinlei-list-txt">
                        <ul class="clearfix">
                            <li><a href="#">电视（21）</a></li>
                            <li><a href="#">电视（21）</a></li>
                            <li><a href="#">电视（21）</a></li>


                        </ul>
                    </div>
                </div>

            </div>
        </div>
    </div>
    <!-- 发现酷玩结束 -->
    <!-- foot页脚开始 -->
    <footer>
        <div class="w">
            <div class="t">
                <div class="erweima"><img src="../img/code.png" alt=""></div>
                <div class="logo">
                    <img src="../img/logoImg.jpg" alt="">
                    <p>全球酷玩试用导购平台酷·新奇·好玩·品质</p>
                    <p>微信添加“JguoJguo”获取我们的服务。</p>
                </div>
                <dl>
                    <dt>免费试用</dt>
                    <dd>试用流程</dd>
                    <dd>如何提高成功率</dd>
                </dl>
                <dl>
                    <dt>友情链接</dt>
                    <dd>智东西 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;WEIBUSI</dd>
                    <dd>搜狐IT &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;腾讯科技</dd>
                    <dd>搜狐数码 &nbsp;&nbsp;&nbsp;凤凰科技</dd>
                    <dd>凤凰数码 &nbsp;&nbsp;&nbsp;PConline</dd>
                    <dd>泡泡网 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;3W咖啡</dd>
                    <dd>ZUK社区 &nbsp;&nbsp;&nbsp;亿觅emie</dd>
                    <dd>极客公园 &nbsp;&nbsp;&nbsp;易迅易启玩</dd>
                    <dd>果库</dd>
                </dl>
                <dl>
                    <dt>购买攻略</dt>
                    <dd>美亚海淘教程</dd>
                    <dd>日亚海淘教程</dd>
                    <dd>海淘转运攻略</dd>
                    <dd>kickstarter 众筹购买攻略</dd>
                    <dd>indiegogo 众筹购买攻略</dd>
                </dl>
                <dl>
                    <dt>厂商合作</dt>
                    <dd>关于极果</dd>
                    <dd>联系我们</dd>
                    <dd>商务合作：BD@jiguo.com</dd>
                    <dd>CEO邮箱：CEO@jiguo.com</dd>
                </dl>

            </div>
            <p class="banquan">&copy;2016 极果版权所有</p>
        </div>
    </footer>
    <!-- foot页脚结束 -->
    <script>
        $(function () {
            $(".list-nav>a").mouseenter(function () {
                $(this).addClass('active').siblings('a').removeClass('active')
                var index = $(this).index();
                $('.table>div').eq(index).addClass('show')
                    .siblings().removeClass('show')
            })



        })

    </script>
</body>

</html>